<template>
    <div>
        <div v-if="role">
            <van-grid :column-num="3">
                <van-grid-item icon="photo-o" text="班级管理" to="/home/classinfo" />
                <van-grid-item icon="photo-o" text="学生管理" to="/home/studentinfo" />
                <van-grid-item icon="photo-o" text="任务管理" to="/home/taskinfo" />
                <van-grid-item icon="photo-o" text="资源管理" to="/home/resources" />
                <van-grid-item icon="photo-o" text="答疑管理" to="/home/discuss" />
                <van-grid-item icon="photo-o" text="日报管理" to="/home/daily" />
                <van-grid-item icon="photo-o" text="视频管理" to="/home/video" />
            </van-grid>
        </div>
        <!--资源管理：将本地的一些内容提交到服务器上，然后数据url存到数据库里
        1.创建vue文件，配置router
        2.配置头部的设计，为顶栏的左右分割的形式
        -->
        <div v-else>
            <van-grid :column-num="3">
                <van-grid-item icon="photo-o" text="任务管理" to="/home/studentTask" />
                <van-grid-item icon="photo-o" text="资源管理" to="/home/studentResource" />
                <van-grid-item icon="photo-o" text="答疑管理" to="/home/studentDiscuss" />
                <van-grid-item icon="photo-o" text="日报管理" to="/home/studentDaily" />
                <van-grid-item icon="photo-o" text="视频管理" to="/home/studentVideo" />
            </van-grid>
        </div>
    </div>
</template>
<script>
export default {
    name: '',
    data() {
        return {
            role:this.$store.state.user.userType==1?true:false
        };
    },
    methods: {
    },
    computed: {
    },
    mounted() {
    },
}
</script>